<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        @import "room.css";
    </style>
    <script src="/html/axios.min.js"></script>
    <script src="/html/room.js"></script>
</head>
<body>
    <table border="1" width="60%" cellspacing="0">
        <thead>
         <tr><th>地址</th><th>单价</th><th>修建日期</th><th>操作</th></tr>
        </thead>
        <tbody id="roomDate">

        </tbody>
    </table>
    <div id="pageDiv">
    </div>
    <h5>请输入查询条件</h5>
     地址：<input type="text" id="address"><br>
     起始价格：<input type="text" id="startPrice"><br>
     结束价格：<input type="text" id="endPrice"><br>
     <input type="submit" value="查询" onclick="findByItem(1)">
      <br>
     <input type="button" value="添加" onclick="showAddDiv()">

    <div class="showDiv" id="addDiv">
        <div class="contentDiv" >
             地址:<input type="text" id="addAddress"><br>
             价格:<input type="text" id="addPrice"><br>
             创建日期:<input type="text" id="addDate"><br>
             <input type="button" value="添加" onclick="addRoom()">
        </div>
    </div>

    <div class="showDiv" id="updateDiv">
        <div class="contentDiv">
             <input type="hidden" id="roomId">
             地址:<span id="updateAddress"></span><br>
             价格:<input type="text" id="updatePrice"><br>
             创建日期:<span id="updateDate"></span><br>
            <input type="button" onclick="updateRoom()" value="修改">
        </div>
    </div>
</body>
</html>